<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>1</title>
		<link rel="stylesheet" type="text/css" href="" />
		<script src="" type="text/javascript" charset="utf-8"></script>
		<!-- 开发环境版本，包含了有帮助的命令行警告 -->
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	</head>
	<body>
		<div id="app">
			<table  cellspacing="0" cellpadding="0">
				<tr>
					<td><a href="#">设为首页</a></td>
					<td><a href="#">手机新浪网</a></td>
					<td><a href="#">移动新浪网</a></td>
					<td><a href="#">博客</a></td>
					<td><a href="#">微博</a></td>
					<td><a href="#">关注我</a></td>
					<td></td>
					<td></td>
				</tr>
			</table>
		</div>
	</body>
	<style type="text/css">
		body {
			box-sizing: border-box;
			padding: 0;
			margin: 0;
		}
		#app {
			margin: 10px;
		}
		table {
			width: 100%;
			height: 50px;
			border-top: orange 4px solid;
			border-bottom: rgb(221, 221, 221) 1px solid;
            border-collapse: collapse;
		}
		table td {
			padding: 0;
			margin: 0;
			text-align: center;
			line-height: 50px;
		}
		td a {
			text-decoration: none;
			color: gray;
			display: block;
			font-family: "microsoft yahei";
			font-weight: 700;
		}
		td a:hover {
			background-color:rgb(221, 221, 221);
		}
		

		
	</style>
	<script type="text/javascript">
		new Vue({
			el: '#app',
			data: {
				
			},
			methods: {
				
			}
		})
	</script>
</html>
